<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>开源项目</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="shortcut icon" href="/images/favicon.png">
    <meta name="description" content="Flutter中文网开源项目">
    <meta name="keywords" content="flutter开源项目, flutter网络库, dio, cookie_jar">
    <meta name="baidu-site-verification" content="oeLolPaTVU" />
    <meta name="sogou_site_verification" content="xhNTjenszq"/>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.css" rel="stylesheet">
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?635fd3dde151b2be9ef7adb85fe42720";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
        (function(){
            var bp = document.createElement('script');
            var curProtocol = window.location.protocol.split(':')[0];
            if (curProtocol === 'https') {
                bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
            }
            else {
                bp.src = 'http://push.zhanzhang.baidu.com/push.js';
            }
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(bp, s);
        })();

        function _track(p) {
            _hmt.push(['_trackEvent', 'git', 'click', p]);
        }

    </script>
</head>
<body>
<nav class="navbar navbar-default" style="padding: 3px; background: #fff">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header" style="line-height:40px">
            <a href="https://flutterchina.club" style="padding: 8px 15px; text-decoration: none">
                <img style="width:33px " src="../images/favicon.png">
            </a>
            <span style="font-size: 20px; position: relative; top: 4px; left: -5px; color:#555; font-weight: 300">Flutter中文网开源项目</span>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="https://flutterchina.club">首页</a></li>
                <li><a href="https://flutterchina.club/docs">文档</a></li>
                <li><a href="https://github.com/flutterchina/"><i class="fa fa-github"></i></a></li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>

<div class="container" style=" text-align: center">
    <div class="box">
        <div style="font-size: 70px; font-weight: 300; letter-spacing: 2px;">dio</div>
        <p>
            <a href="https://travis-ci.org/flutterchina/dio">
                <img src="https://img.shields.io/travis/flutterchina/dio/master.svg?style=flat-square"
                     style="max-width:100%;">
            </a>
            <a href="https://pub.dartlang.org/packages/dio">
                <img alt="Pub" src="https://img.shields.io/pub/v/dio.svg?style=flat-square" style="max-width:100%;">
            </a>
            <a href="https://codecov.io/github/flutterchina/dio?branch=master">
                <img alt="coverage"
                     src="https://img.shields.io/codecov/c/github/flutterchina/dio/master.svg?style=flat-square"
                     style="max-width:100%;">
            </a>
            <a href="https://github.com/flutterchina/dio">
                <img alt="support"
                     src="https://img.shields.io/badge/platform-flutter%7Cdart%20vm-ff69b4.svg?style=flat-square"
                     style="max-width:100%;">
            </a>
        </p>
        <div class="tip">一个强大的Http请求库，支持Restful
            API、FormData、拦截器、请求取消、Cookie管理、文件上传/下载、超时等...
        </div>
        <div class="git-btn" onclick="_track('dio')">
            <a href="https://github.com/flutterchina/dio" target="_blank"><div class="btn-s"><i class="fa fa-github"></i><span>查看项目</span></div></a>
        </div>
    </div>
    <div class="box">
        <div style="font-size: 70px; font-weight: 300; letter-spacing: 2px;">flukit</div>
        <div class="tip">flukit即Flutter UI Kit，一个常用的Widget库，包括下拉刷新、轮播图、快速滚动条、渐变进度条、城市选择器等.</div>
        <div class="git-btn" onclick="_track('flukit')">
            <a href="https://github.com/flutterchina/flukit" target="_blank"><div class="btn-s"><i class="fa fa-github"></i><span>查看项目</span></div></a>
        </div>
    </div>
    <div class="box">
        <div style="font-size: 50px; font-weight: 300; letter-spacing: 2px;">CookieJar</div>
        <p>
            <a href="https://travis-ci.org/flutterchina/cookie_jar">
                <img alt="build statud"
                     src="https://img.shields.io/travis/flutterchina/cookie_jar/master.svg?style=flat-square"
                     style="max-width:100%;">
            </a>
            <a href="https://pub.dartlang.org/packages/cookie_jar">
                <img alt="Pub" src="https://img.shields.io/pub/v/cookie_jar.svg?style=flat-square"
                     style="max-width:100%;">
            </a>
            <a href="https://codecov.io/github/flutterchina/cookie_jar?branch=master" rel="nofollow">
                <img alt="coverage"
                     src="https://img.shields.io/codecov/c/github/flutterchina/cookie_jar/master.svg?style=flat-square"
                     style="max-width:100%;">
            </a>
            <a href="https://github.com/flutterchina/cookie_jar">
                <img
                        alt="support"
                        src="https://img.shields.io/badge/platform-flutter%7Cdart%20vm-ff69b4.svg?style=flat-square"
                        style="max-width:100%;">
            </a>
        </p>

        <div class="tip">
            一个实现HTTP协议标准Cookie管理策略的Cookie管理器，他可以自动帮您自动管理http请求cookie，并支持本地持久化。
        </div>
        <div class="git-btn" onclick="_track('cookie_jar')">
            <a href="https://github.com/flutterchina/cookie_jar" target="_blank"><div class="btn-s"><i class="fa fa-github"></i><span>查看项目</span></div></a>
        </div>
    </div>
    <div style="padding: 50px;">
        <div style="font-size: 20px; font-weight: 300; letter-spacing: 2px;"><a href="/about">更多项目正在筹划中...</a></div>
    </div>
</div>
<div class="container" style="border-top: #eee 1px solid; text-align: center; margin-top: 50px">
    <div style="padding: 50px; ">
        <div style="">Copyright ©️ <a href="https://flutterchina.club">flutterchina.club</a>  2018. All right reserved.</div>
        <div style="font-weight: 300; letter-spacing: 2px; margin-top: 5px"><a href="/about">加入我们</a></div>
    </div>
</div>
<style>
    .box{
        padding: 50px;
    }
    .box p{
        line-height: 1.65;
    }
    .tip {
        margin: 30px auto;
        max-width: 600px;
        line-height: 1.65;
    }
    .fa{
        font-size: 25px;
    }
    .btn-s{
        padding: 10px 0; width:120px; margin: 0 auto; background: #eee; border-radius: 3px;
        cursor: pointer;
        box-shadow: #aaa 0px 0px 5px;
        transition: all .2s;
        display: inline-block;
    }
    .btn-s:hover{
        box-shadow: #999 0px 3px 15px;
    }
    .btn-s:active{
        background: #f5f5f5;
    }
    .btn-s span{
        padding-left: 10px;
        position: relative;
        top:-3px;
    }
    .git-btn{
        padding-top: 10px;
    }
    .git-btn a{
      color: #333;
    }
    .git-btn a:hover{
        text-decoration: none;
        color: #01579b;
    }
    p a:hover{
        text-decoration: none;
        opacity: .8;
    }
</style>

</body>
</html>